<%@ include file="/WEB-INF/views/commonJSTL.jsp" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<title>FarmaSoft</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<%@ include file="/WEB-INF/views/commonResourcesPortada.jsp" %>
<link href="<c:url value="/resources/css/portada/slider/style.css" />" rel="stylesheet">
</head>
<body>
	<div id="header">																																																																																			
		<div class="login">
				<div class="enter"></div>
		</div>
		<ul id="menu">
			<li><a href="index.html">Página de Inicio </a></li>
			<li><a href="quienesSomos.html">Quiénes Somos</a></li>
			<li><a href="contactenos.html"><span style="color: #003a96;">Contactenos</span></a></li>
		</ul>
	</div>
	<div id="wrapper">																																																																																		
		<div id="sidebar">
			<div class="logo_block">
				<a href="#"><img src="<c:url value="/resources/images/portada/logo.png" />" alt="setalpm" width="198" height="156" /></a><br />
				<span class="slogan">Los mejores productos farmaceuticos para Usted</span>
			</div>
			<table>
				<tr>
					<td><img src="<c:url value="/resources/images/portada/contactenos/contactenos1.png"/>" alt=""/></td>
					<td>Si usted desea formar parte de la empresa Farmasoft, por favor ingrese sus datos.</td>
				</tr>
			</table>
		</div>
		<div id="content">
			<ul class="filterRef group"> 
				<li><a href="http://localhost:8080/farmasoft/index"><img src="<c:url value="/resources/images/portada/inicio.png" />" width="18"/></a></li>
				<li><span>Contactenos</span></li>
			</ul>
			<div class="bg">
				<div class="column1">
					<center><h2><span style="color: #003a96">Contactenos</span></h2></center><br />
									
				<div id="registro">

				<fieldset>
				
					<form:form method="post">                 																																				                             												
						<div style="clear:both;">
							
							<label class="form_align35" >Seleccione un Pais :</label>
						    <select name="_tempLocalityId" id="_tempLocalityId" class="required form_input_align" title="${localityShow}">
								<option value="">Bolivia</option>
							</select>
						</div>
						<div style="clear:both;">		          							
							
							<label class="form_align35" >Ciudad :</label>
						    <select name="_tempLocalityId" id="_tempLocalityId" class="required form_input_align" title="${localityShow}">
								<option value="">Cochabamba</option>								          							
							</select>
						</div>
						<div style="clear:both;">
							<label class="form_align35" >Localidad :</label>
						    <select name="_tempLocalityId" id="_tempLocalityId" class="required form_input_align" title="${localityShow}">
								<option value="">Sacaba</option>
								<option value="">Cercado</option>
								<option value="">Punata</option>
							</select>
						</div>
						<div style="clear:both;">
                                 <label class="form_align35" >Nombre : </label>
                                 <input type="text" name="nombre" id="nombre" value="" class="required form_input_align" title="Ingrese Nombre Region" maxlength="40"/>
                                 <label class="error">*</label>
                        </div>
                        <div style="clear:both;">
                                 <label class="form_align35" >Apellido : </label>
                                 <input type="text" name="nombre" id="nombre" value="" class="required form_input_align" title="Ingrese Nombre Region" maxlength="40"/>
                                 <label class="error">*</label>
                        </div>	
                        <div style="clear:both;">
                                 <label class="form_align35" >Nit : </label>
                                 <input type="text" name="nombre" id="nombre" value="" class="required form_input_align" title="Ingrese Nombre Region" maxlength="40"/>
                                 <label class="error">*</label>
                        </div>
                        <div style="clear:both;">
                                 <label class="form_align35" >Dirección : </label>
                                 <input type="text" name="nombre" id="nombre" value="" class="required form_input_align" title="Ingrese Nombre Region" maxlength="40"/>
                                 <label class="error">*</label>
                        </div>
                        <div style="clear:both;">
                                 <label class="form_align35" >Telefono : </label>
                                 <input type="text" name="nombre" id="nombre" value="" class="required form_input_align" title="Ingrese Nombre Region" maxlength="40"/>
                                 <label class="error">*</label>
                        </div>	
                        <div style="clear:both;">
                                 <label class="form_align35" >Correo Electronico : </label>
                                 <input type="text" name="nombre" id="nombre" value="" class="required form_input_align" title="Ingrese Nombre Region" maxlength="40"/>
                                 <label class="error">*</label>
                        </div>
                        <div style="clear:both;">
                                 Datos para la ubicación de la Farmacia en el mapa
                        </div>																																		                             												
						<div style="clear:both;">
                                 <label class="form_align35" >Latitud : </label>
                                 <input type="text" name="nombre" id="nombre" value="" class="required form_input_align" title="Ingrese Nombre Region" maxlength="40"/>
                                 <label class="error">*</label>
                        </div>
                        <div style="clear:both;">
                                 <label class="form_align35" >Longitud : </label>
                                 <input type="text" name="nombre" id="nombre" value="" class="required form_input_align" title="Ingrese Nombre Region" maxlength="40"/>
                                 <label class="error">*</label>
                        </div>
						
						<div style="clear: both">
							<label class="form_align43">&nbsp;</label>
							<table border="0" style="float: left">
								<fmt:message key="button.register" var="varSubmit" />
																
								<tr>
									<td style="text-align:right"><br/><input type="submit" value="Enviar" name="action"  class="boton" title="<fmt:message key="onclick.for"/> ${varSubmit}" />&nbsp;&nbsp;</td>
									<td><br/>&nbsp;&nbsp;<input type="button" value="<fmt:message key="button.cancel"/>" name="action" onclick="mainPharmacies('${param._countryId}','${param._regionId}')" class="boton" title="<fmt:message key="onclick.cancel"/>"/></td>
								</tr>
							</table>
						</div>
					</form:form>	
					
					</fieldset>
				</div>	
				</div>
				<div class="column2">
					<h3><span style="color: #ff0000">Nota: </span></h3>
					Si no supiera la longitud y latitud de la ubicacion exacta de su farmacia, por favor ingrese a este link
					<a href="http://www.arumeinformatica.es/utiles/buscar-coordenadas-gps-en-google-maps/" target="_blank">Datos de la Ubicación</a><br/><br/>
					<p><h4><span style="color: #333a96">Siga los siguientes pasos:</span></h4></p><br/>
					<h4><span style="color: #333a96">Paso 1:</span></h4> Haga un acercamiento en el mapa hasta encontrar la Sud América  y Bolivia. Luego mueva el globito rojo.
					<img src="<c:url value="/resources/images/portada/contactenos/map1.png"/>" alt=""  width="100%" height="100%"/>
					<h4><span style="color: #333a96">Paso 2:</span></h4> Para una  mejor vista haga click en el botón “Maps” y luego haga un acercamiento hasta encontrar la ubicación correcta de la farmacia.
					<img src="<c:url value="/resources/images/portada/contactenos/map6.png"/>" alt="" width="100%" height="100%"/>
					<h4><span style="color: #333a96">Paso 3:</span></h4>Copie los datos de Longitud y Latitud  y pegue en sus respectivas pestañas tal como se ve en la figura.
					<img src="<c:url value="/resources/images/portada/contactenos/map4.png"/>" alt="" width="100%" height="100%"/>
				</div>
			</div>
		</div>
	</div>
	<div id="footer">																																																																																																																																																																																																									
		<ul>
			<li><a href="index.html">Página de Inicio</a>|</li>
			<li><a href="quienesSomos.html">Quiénes Somos</a>|</li>
			<li><a href="contactenos.html">Contactenos</a></li>
		</ul>
		<p>UltraSoft Ltda.&copy; Soluciones Informáticas. <a href="https://www.facebook.com/farmasoft.bo" target="_blank" title="Best Free Templates">FarmaSoft</a>  </p>
	</div>
</body>
</html>
